<!-- 管理端-部门申请 -->
<template>
  <div class="wrap">
    <canvas id="c1" ref="refc1" :width="600" :height="400"></canvas>
  </div>
</template>

<script lang="ts" setup>
let c1;
let refc1 = ref<HTMLCanvasElement>();
onMounted(() => {
  c1 = document.getElementById('c1') as HTMLCanvasElement;
  const ctx = (refc1.value as HTMLCanvasElement).getContext(
    '2d'
  ) as CanvasRenderingContext2D;
  ctx?.beginPath();
  ctx?.moveTo(280, 150);
  ctx.lineTo(300, 200);
  ctx.lineTo(320, 150);
  ctx.fill();
  ctx?.closePath();
});
</script>

<style lang="less" scoped>
.wrap {
  padding: 10px 20px;

  #c1 {
    background-color: antiquewhite;
  }
}
</style>
